<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>登录页面</title>

    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/themes/icon.css"/>
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/themes/color.css"/>
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/demo/demo.css"/>
    <script type="text/javascript" src="js/jquery-easyui-1.7.0/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-easyui-1.7.0/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>

    <script type="text/javascript" src="js/api/api.js"></script>
    <script type="text/javascript" src="js/pages/userManage.js"></script>


    <link rel="stylesheet" type="text/css" href="css/userManage.css"/>
</head>
<body style="padding:0px;margin:0px;">
    <div id="userManage" data-options="region:'center'" style="padding:0px;">
        <div>
            <table id="userDataGrid" data-options="toolbar:'#userManageTB'"></table>
        </div>
    </div>

    <div id="userManageTB" style="padding:2px 5px;">
        <div>
            姓名:<input id="userNameCBBox" class="easyui-combobox" style="width:110px"/>
            帐号:<input id="accountCBBox" class="easyui-combobox" style="width:110px"/>
            <a href="javascript:void(0)" onclick="searchUserList()" class="easyui-linkbutton" iconCls="icon-search">查询</a>
        </div>
        <div>
            <a href="javascript:void(0)" onclick="addUserWindow()"  title="添加用户" class="easyui-linkbutton" iconCls="icon-add" plain="true">添加</a>
            <a href="javascript:void(0)" onclick="editUserWindow()"  title="编辑用户" class="easyui-linkbutton" iconCls="icon-edit" plain="true">编辑</a>
            <a href="javascript:void(0)" onclick="remoceUser()" title="删除用户" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
        </div>
    </div>

    <!-- 添加用户窗口 -->
    <div id="addUserWindow" class="easyui-window" data-options="iconCls:'icon-add',modal:true" style="padding:20px;">
        <form id="addUserForm" class="easyui-form" method="post" data-options="novalidate:true">
            <div style="margin-bottom:20px;">
                <input id="userName" class="easyui-textbox" name="userName" style="width:100%;" data-options="label:'姓 名:',required:true"/>
            </div>
            <div style="margin-bottom:20px">
                <select id="sex" class="easyui-combobox" data-options="editable:false,panelHeight:'auto'" name="sex" label="性 别" style="width:100%">
                    <option value="男">男</option>
                    <option value="女">女</option>
                </select>
            </div>
            <div style="margin-bottom:20px">
                <input id="evpAccount" class="easyui-textbox" name="evpAccount" style="width:100%" data-options="label:'帐 号:',required:true"/>
            </div>
            <div style="margin-bottom:20px">
                <input id="evpPassword" class="easyui-textbox" name="evpPassword" style="width:100%" data-options="label:'密 码:',required:true"/>
            </div>
            <div style="margin-bottom:20px;display:none;">
                <input id="deptId" class="easyui-textbox" name="deptId" style="width:100%;display:none;"/>
            </div>
            <div style="margin-bottom:20px">
                <input id="deptName" class="easyui-textbox" name="deptName"
                       data-options="buttonText:'选择',
                       buttonIcon:'icon-search',
                       label:'部门',
                       prompt:'请选择部门',
                       editable:false,
                       onClickButton:searchDeptTree"
                       style="width:100%;"/>
            </div>
            <div style="margin-bottom:20px">
                <input id="phone" class="easyui-textbox" name="phone" style="width:100%" data-options="label:'手机号:',required:true"/>
            </div>
            <div style="margin-bottom:20px">
                <input id="addr" class="easyui-textbox" name="addr" style="width:100%" data-options="label:'地 址:'"/>
            </div>
        </form>
        <div style="text-align:center;padding:5px 0">
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitUserForm()" style="width:80px">提交</a>
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearUserForm()" style="width:80px">清空</a>
        </div>

    </div>

    <!-- 编辑用户窗口 -->
    <div id="editUserWindow" class="easyui-window" data-options="iconCls:'icon-edit',modal:true" style="padding:20px;">
        <form id="editUserForm" class="easyui-form" method="post" data-options="novalidate:true">
            <div style="margin-bottom:20px;display:none">
                <input id="id" class="easyui-textbox" name="id" style="width:100%;"/>
            </div>
            <div style="margin-bottom:20px">
                <input id="editUserName"  class="easyui-textbox" name="userName" style="width:100%;" data-options="label:'姓 名:',required:true"/>
            </div>
            <div style="margin-bottom:20px">
                <select id="editSex" class="easyui-combobox" data-options="editable:false,panelHeight:'auto'" name="sex" label="性 别" style="width:100%">
                    <option value="男">男</option>
                    <option value="女">女</option>
                </select>
            </div>
            <div style="margin-bottom:20px">
                <input id="editEvpAccount"  class="easyui-textbox" name="evpAccount" style="width:100%" data-options="label:'帐 号:',required:true"/>
            </div>
            <div style="margin-bottom:20px;display:none;">
                <input id="editDeptId" class="easyui-textbox" name="deptId" style="width:100%;"/>
            </div>
            <div style="margin-bottom:20px">
                <input id="editDdeptName" class="easyui-textbox" name="deptName"
                       data-options="
                       buttonText:'选择',
                       buttonIcon:'icon-search',
                       label:'部门',
                       prompt:'请选择部门',
                       editable:false,
                       onClickButton:searchDeptTree"
                       style="width:100%;"/>
            </div>
            <div style="margin-bottom:20px">
                <input id="editPhone"  class="easyui-textbox" name="phone" style="width:100%" data-options="label:'手机号:',required:true"/>
            </div>
            <div style="margin-bottom:20px">
                <input id="editAddr"  class="easyui-textbox" name="addr" style="width:100%" data-options="label:'地 址:'"/>
            </div>
        </form>
        <div style="text-align:center;padding:5px 0">
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitEditUserForm()" style="width:80px">提交</a>
            <!--<a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearEditUserForm()" style="width:80px">清空</a>-->
        </div>

    </div>

    <div id="deptWindow">
        <ul id="deptTree" class="easyui-tree">
        </ul>
    </div>
</body>
</html>